<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
  <title>站内信列表</title>
</head>
<style>
  [v-cloak] {
    display: none;
  }

</style>

<body>
  <div id="body" v-cloak>
    <group label-width="3em" title="我的信息">
      <cell v-if='!list.length==0' v-for="(item,index) in list" primary="content" title="default" @click.native="readeMseeage(item.id)">
        <div slot="title">
          <!-- <p class="title">标题</p> -->
          <p v-if='item.status==0' class="status unread">未读</p>
          <p v-if='item.status==1' class="status read">已读</p>
        </div>
        <div class="main" slot='default'>
          <p class="content">{{item.content}}</p>
          <p>{{item.updated_at}}</p>
        </div>
      </cell>
      <p class='nomessage' v-if='list.length==0'>没有信息</p>
    </group>

    <foot :index="4"></foot>

    <input type="hidden" id="refreshed" value="no">
  </div>
</body>

</html>
